body {
	padding-top: 0px;
	font-family: 'allstate_sansregular', Open Sans, Arial, Helvetica, sans-serif;
	background-color: #f7f7f7;
}
#window{
	content: ' ';
    display: block;
        padding-top: 100px;
    margin-top: -100px;
    left: 0;
    top: 0;
    width: 100%;
    background-image: url(./Auto-Brand-BG-Image-02.jpg);
    background-repeat: no-repeat;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
@media (max-width: 1175px) {
  #window {
      background-position: 40% 50%;
  }
}
@media (max-width: 992px) {
  #window {
      background-position: 50% 50%;
  }
}
@media (max-width: 768px) {
  #window {
      background-color: #dae7f4;
      background-image: none;
  }
  #window #window_left {
      margin-bottom: 35px;
  }
  #window h1 {
    color: #0077c0;
  }
  #window .lead {
    color: #333333;
  }
}
@media (min-width: 768px) {
  #window > .container {
      height: 380px !important;
  }
}
.navbar-fixed-bottom, .navbar-fixed-top {
  position:fixed;
}
.main {
  text-align: left;
}
#main-container {
	background-color: #f7f7f7;
	z-index: 100;
}
#main-container .results {
  padding-bottom: 15px;
}
#left, #window_left {
	float: none;
}
#right, #window_right {
	float: none;
}
h1{
	font-size: 26px;
    color: white;
    font-family: 'allstate_sansbold', Open Sans, Arial, Helvetica, sans-serif;
    margin-top:100px;
}
.navbar-nav a, .navbar-menu {
  color: #0077c0 !important;
}
@media (max-width: 767px) {
  #ball_french_link, #sizecontroldiv a {
    color: white !important;
  }
}
.navbar-menu {
	float:right;
	color:#fff;
	position: relative;
	font-size:12px;
	line-height: 80px;
	font-weight:600;
	vertical-align:bottom;
}
.navbar-toggle {
    position: relative;
    float: right;
    margin:18px 15px 5px 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	vertical-align:bottom;
	height: 44px;
}
.navbar-header {
	padding: 0;
	min-width: 320px;
}
.navbar-brand {
	float: left;
	height: 80px;
	margin: auto 15px;
	text-align:center
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.navbar-brand img {
	display: inline-block;
    vertical-align: middle;
}
#header, #ball_header {
    float: right;
    display: block;
    margin-top: 10px;
    text-align: right;
        color: #fff;
    }
#top-quote {
	line-height: 60px;
    background-color: rgb(256, 256, 256);
    background-color: rgba(256, 256, 256, .2);
    padding: 0 25px;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
#top-quote:hover {
    background-color: rgb(256, 256, 256);
    background-color: rgba(256, 256, 256, .4);
}
.cta, .cta:active {
  background-color:#ed7320;
  border: 0;
  color:#fff;
  font-weight:600;
  padding:20px 60px;
  border-radius:0px;
  -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.cta:hover, .cta:visited, .cta:focus {
	border: 0;
  color:#fff;
  background:#eaa200;
  -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.nav > li {font-size:16px}
#ball_more1, #ball_more2, #ball_more3, #ball_more4, #ball_more5, #ball_more6 {
    cursor: pointer;
    text-align: left;
  	font-size: 12px;
    color: #cccccc;
}

#learn-more {
	margin: 260px auto 10px;
	font-weight: 800;
	font-size: 14px;
	color: #777;
}
#icons {
	margin: 5px auto;
	width: 250px;
	color: #fff;
	text-align: left;
	font-size: 18px;
	vertical-align: middle;
	font-weight: 600;
}
#icons a {
	color: #fff;
	text-decoration:underline;
}
#footer, #ball_footer, #disclaimer, #ball_disclaimer {
    margin-top: 0 !important;
}
.disclaimer {font-size:10px;
	color:#000;
	margin:50px 15px 20px;
}
.navbar-nav {
	background-color: #00467f;
}
#french_link, #ball_french_link  {
	margin: 0 10px;
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
}
#window #agency-container {
	border-left: 5px solid #0077c0;
}
#main-container #agency-container {
	background-color: white;
  	padding: 15px 0 20px;
}
#loc_name1, #loc_name2, #loc_name3, #loc_name4, #loc_name5, #loc_name6, #ball_loc_name1, #ball_loc_name2, #ball_loc_name3, #ball_loc_name4, #ball_loc_name5, #ball_loc_name6{
    font-size: 15px;
    font-family: 'allstate_sansbold', Open Sans, Arial, Helvetica, sans-serif;
    line-height: 18px;
}
#loc_tfn1, #loc_tfn2, #loc_tfn3, #loc_tfn4, #loc_tfn5, #loc_tfn6, #ball_loc_tfn1, #ball_loc_tfn2, #ball_loc_tfn3, #ball_loc_tfn4, #ball_loc_tfn5, #ball_loc_tfn6 {
	color: #669933;
    font-size: 21px;
    font-family: 'allstate_sansbold', Open Sans, Arial, Helvetica, sans-serif;
    line-height: 130%;
}
#loc_address1, #loc_address2, #loc_address3, #loc_address4, #loc_address5, #loc_address6, #ball_loc_address1, #ball_loc_address2, #ball_loc_address3, #ball_loc_address4, #ball_loc_address5, #ball_loc_address6{
    font-size: 13px;
    line-height: 130%;
}
#loc_ema1, #loc_ema2, #loc_ema3, #loc_ema4, #loc_ema5, #loc_ema6, #ball_loc_ema1, #ball_loc_ema2, #ball_loc_ema3, #ball_loc_ema4, #ball_loc_ema5, #ball_loc_ema6 {
	color: #0077c0;
    font-size: 12px;
    line-height: 150%;
}
.loc_number_main {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
      font-size: 24px;
  line-height: 40px;
  text-align: center;
  background: #669933;
  font-family: 'allstate_sansbold', Open Sans, Arial, Helvetica, sans-serif;
      float: left;
    margin-left: -60px;
}
.loc_number {
  width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    font-size: 21px;
    line-height: 35px;
    text-align: center;
    background: #669933;
    font-family: 'allstate_sansbold', Open Sans, Arial, Helvetica, sans-serif;
    float: left;
    margin-left: -55px;
}
.results {
	padding-left: 22% !important;
    padding-top: 20px;
}
#savings-box {
	background-color: #fff;
	padding: 30px 20px;
	text-align: center;
}
#quote-box {
	background-color: #fff;
	padding: 30px 20px;
	text-align: center;
	margin-top: 25px;
  float: none;
}
.form_block {
    clear: both;
    background: #d2e3f1;
    width: 100%;
    margin: 20px auto 0;
    padding: 20px;
    text-align: center;
}
.green-btn {
	/* background-color: #669933; */
    margin: 10px auto 0;
    text-align: center;
    font-family: 'allstate_sansbold', Open Sans, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 18px;
}
.navbar-brand img {
  max-width:120px;
  max-height:32px;
}
#header, #ball_header, #rt_tfn, #ball_rt_tfn {
  padding-right:10px;
}
.controlstyle {
        text-align:center !important;
        float: none !important;}
@media (min-width:768px) and (max-width:992px) {
	.navbar-menu{display:none}
	.navbar-nav{margin:3px 0px; float:right;}
	.navbar-brand{float:left;padding-left:15px}
	.navbar-header{min-width: 0px;}
	.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:transparent}
	.nav > li {border:none; font-size:11px}
	.navbar-nav {
	background-color: transparent;}
	.container {width:760px}
	.disclaimer {
	margin: 30px 20px 20px;}
	h1 {font-size: 36px; margin-top: 80px;}
	#left, #window_left {
	width: 45%;
	float: left;
      margin-right: 5%;
}
  #window_left {
  border-top: none;
  padding-top: 45px;
}
#right, #window_right {
	width: 50%;
	float: right;
}
  #quote-box {
	width: 50%;
	float: left;}
  .form_block {
    width: 100%;
}
	#fr_link {
	margin: 0 40px;
}
  .navbar-brand img {
  max-width:170px;
  max-height:45px;
}
  .controlstyle {
        text-align:right;
        float: right;}
  .navbar-fixed-bottom, .navbar-fixed-top {
  position:relative;
}
}
@media (min-width:992px) {
	h1 {font-size: 33px; margin-top: 65px;}
	.navbar-menu{display:none}
	.navbar-nav{margin:0px 20px; float:right}
	.navbar-brand{float:left; padding-left:15px}
	.navbar-header{min-width: 0px;}
	.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:transparent}
	.nav > li {border:none; font-size:12px}
	.navbar-nav {
	background-color: transparent;}
	.disclaimer {
	margin:60px 20px 20px;}
	#left, #window_left {
	width: 48%;
	float: left;
    margin-right: 4%;}
  #window_left {
  border-top: none;
    margin-top: 70px;
}
  #left {
    margin-top: 45px; 
  }
  #window_right {
	width: 45%;
	float: right;
    margin-top: 45px;}
  #right {
	width: 48%;
	float: right;
    margin-top: 45px;}
  #quote-box {
	width: 48%;
	float: left;}
  .form_block {
    width: 60%;
    float: left;
    margin-left: 30px;
}
	#french_link, #ball_french_link {
	margin: 0 0 0 20px;}
  .navbar-brand img {
  max-width:170px;
  max-height:45px;}
  .navbar-fixed-bottom, .navbar-fixed-top {
  position:relative;
}
  .controlstyle {
    text-align:right;
        float: right;}
}

@media (min-width:992px) {
  h1 {font-size: 40px; margin-top: 50px;}
}

#ball_agency_disclaimer {
  width: 82%;
  margin: 20px auto 10px;
  text-align: center;
}

#form_head {
  margin-left: 30px;
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 1em;
}

#form_subhead {
  margin-left: 30px;
  color: #4c4c4c;
  font-family: 'allstate_sansregular';
  font-size: 16px;
}

#ballform_type {
  background: white;
}

@media (max-width:768px) {
  #form_head, #form_subhead {
    margin-left: 20px;
  }
  .form_block {
    background: #0077c0;
    color: white;
    width: 90%;
    float: left;
    margin-left: 20px;
  }
  .form_block span {
    color: white !important;
  }
  #ballform_type {
    color: #333;
  }
}